<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	
<%@include file="menu.jsp" %>

<%

if(sessaoIdFuncao == 1 || sessaoIdFuncao == 6){

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script>
	$(function() {
		
		var height = $(window).height();
		var width = $(window).width();
		
		$("#tabelaNovaOS").load("ajax/atualizaTabelaOs.jsp");
		$("#fieldAprovacao").load("ajax/atualizaTabelaAprovacao.jsp");
		$("#fieldEntregar").load("ajax/atualizaTabelaEntrega.jsp");
		$("#fieldImprimir").load("ajax/atualizaTabelaImprimir.jsp");
		$('#fildDesigners').load('ajax/atualizaFieldsetDesigner.jsp');
		$("#fieldProducao").load("ajax/atualizaTabelaProducao.jsp");
		atu();
		
		function atu() {
			setTimeout(function() {
				var osScroll = $("#tabelaNovaOS div").scrollTop();
				var aprovacaoScroll = $("#fieldAprovacao div").scrollTop();
				var entregarScroll = $("#fieldEntregar div").scrollTop();
				var imprimirScroll = $("#fieldImprimir div").scrollTop();
				var producaoScroll = $("#fieldProducao div").scrollTop();
				
				$.ajax({
					url:"ajax/atualizaTabelaOs.jsp",
					success:function(html){
						$("#tabelaNovaOS").html(html);
						$("#tabelaNovaOS div").scrollTop(osScroll);
					}
				});
				$.ajax({
					url:"ajax/atualizaTabelaAprovacao.jsp",
					success:function(html){
						$("#fieldAprovacao").html(html);
						$("#fieldAprovacao div").scrollTop(aprovacaoScroll);
					}
				});
				$.ajax({
					url:"ajax/atualizaTabelaEntrega.jsp",
					success:function(html){
						$("#fieldEntregar").html(html);
						$("#fieldEntregar div").scrollTop(entregarScroll);
					}
				});
				$.ajax({
					url:"ajax/atualizaTabelaImprimir.jsp",
					success:function(html){
						$("#fieldImprimir").html(html);
						$("#fieldImprimir div").scrollTop(imprimirScroll);
					}
				});
				
				$('#fildDesigners').load('ajax/atualizaFieldsetDesigner.jsp');	
				
				$.ajax({
					url:"ajax/atualizaTabelaProducao.jsp",
					success:function(html){
						$("#fieldProducao").html(html);
						$("#fieldProducao div").scrollTop(producaoScroll);	
					}
				});							
				
				atu();
				
			}, 30000);
		};
		
		
		$("#botoes button").button();
		
		//dialogs

		$("#dialogCadastrarOS").dialog({
			
			resizable : false,
			autoOpen : false,
			height : 'auto',
			width : 'auto',
			modal : true,
			beforeClose: function(){
				if($("#novaOsTextarea").val() != "" && $("#mensagemCadastrarOS").html() != "Salvo com sucesso."){
					var conf = confirm("Tem certeza que deseja fechar sem salvar?");
					if(!conf){
						return false;
					}
				}
			},
			close : function() {
				$(this).html("");
			}
		});
		$("#btnNovaOS").click(function() {
			$.ajax({
				url : "cadastrarOS.jsp",
				beforeSend : function() {
					document.documentElement.style.cursor = 'progress';
					$("#dialogCarregando").dialog("open");
				},
				success : function(html) {
					$("#dialogCadastrarOS").html(html);
					$("#dialogCadastrarOS").dialog("open");
					document.documentElement.style.cursor = 'default';
					$("#textareaNovaOS").focus();
					$("#dialogCarregando").dialog("close");
				},
				error: function(){
					$("#dialogCarregando").dialog("close");
					document.documentElement.style.cursor = 'default';
				}
				
			});
		});
		
		$("#dialogEditarOS").dialog({
			
			resizable : false,
			autoOpen : false,
			height : 'auto',
			width : 'auto',
			modal : true,
			close : function() {
				$(this).html("");
			}
		});
		
		$("#dialogCadastrarCliente").dialog({
			
			resizable : false,
			autoOpen : false,
			height : 'auto',
			width : 'auto',
			modal : true,
			close : function() {
				$(this).html("");
			}
		});
		$("#btnCadastrarCliente").click(function() {
			$.ajax({
				url : "cadastrarCliente.jsp",
				beforeSend : function() {
					document.documentElement.style.cursor = 'progress';
					$("#dialogCarregando").dialog("open");
				},
				success : function(html) {
					$("#dialogCadastrarCliente").html(html);
					$("#dialogCadastrarCliente").dialog("open");
					document.documentElement.style.cursor = 'default';
					$("#dialogCarregando").dialog("close");
				},
				error: function(){
					$("#dialogCarregando").dialog("close");
					document.documentElement.style.cursor = 'default';
				}
			});
		});

		$("#dialogDescricaoOs").dialog({
			autoOpen : false,
			height : 'auto',
			width : 'auto',
			modal : true,
			resizable : false,
			close : function() {
				$("#divDescricaoOs").html("");
				$("#textDescricaoOs").val("");
				$("#idComentarioOs").val("");
				
			}
		});
		
		$("#btnComentarioOs").button().click(function(){
			var comentario = $("#textComentarioOs").val();
			var id = $("#idComentarioOs").val();
			if(comentario == "" || id == ""){
				return false;
			}
			$.ajax({
				url:"comentarServlet",
				data: {comentario: comentario, id: id},
				beforeSend:function(){
					$("#loadComentarioOS").show();
				},
				success:function(html){
					$("#textComentarioOs").val("");
					$("#textComentarioOs").focus();
					$("#textDescricaoOs").val($("#divDescricaoOs").html() + "\n\n" + html);
					$("#textDescricaoOs").scrollTop(999999);
					$("#loadComentarioOS").hide();
				}
			});
			return false;
		});
		
		
		$("#dialogConfirmaTrocaOs").dialog({
			autoOpen : false,
			height : 315,
			width : 355,
			modal : true,
			resizable : false,
			buttons:{
				"Trocar":function(){
					$.ajax({
						url:"trocarOsDesignerServlet",
						data: {texto: $("#textConfirmaTrocaOs").val(), idDesigner: $("#idDesignerConfirmaTrocaOs").val(), idOs: $("#idConfirmaTrocaOs").val()},
						beforeSend:function(){
							$("#dialogCarregando").dialog("open");
							document.documentElement.style.cursor = 'progress';
						},
						success:function(html){
							if(html == ""){
								$('#fildDesigners').load('ajax/atualizaFieldsetDesigner.jsp');
								$("#tabelaNovaOS").load("ajax/atualizaTabelaOs.jsp");
								$("#dialogConfirmaTrocaOs").dialog("close");
							}else{
								$("#msnConfirmaTrocaOs").html(html);
							}
							$("#dialogCarregando").dialog("close");
							document.documentElement.style.cursor = 'default';
						},
						error:function(){
							$("#dialogCarregando").dialog("close");
							document.documentElement.style.cursor = 'default';
						}
					});
				},
				Cancelar:function(){
					$(this).dialog("close");
				}
			},
			close : function() {
				$("#msnConfirmaTrocaOs").html("");
				$("#textConfirmaTrocaOs").val("");
				$("#idDesignerConfirmaTrocaOs").val("");
				$("#idConfirmaTrocaOs").val("");
			}
		});
		
		$("#dialogDadosCliente").dialog({
			autoOpen : false,
			height : 'auto',
			width : 'auto',
			modal : true,
			resizable : false,
			buttons:{
				"Fechar":function(){
					$(this).dialog("close");
				}
			},
			close : function() {
				$(this).html("");
			}
		});
		
		$("#dialogConfirmExcluir").dialog({
			autoOpen : false,
			height : 'auto',
			width : 220,
			modal : true,
			resizable : false,
			buttons:{
				"Sim":function(){
					$.ajax({
						url: "removerOsServlet",
						data: {id: $("#dialogExcluirIdOs").val()},
						beforeSend:function(){
							document.documentElement.style.cursor = 'progress';
							$("#dialogExcluirMsn").html("Excluindo...");
						},
						success:function(html){
								$("#tabelaNovaOS").load("ajax/atualizaTabelaOs.jsp");
								$("#dialogConfirmExcluir").dialog("close");
								$("#dialogCarregando").dialog("close");
								document.documentElement.style.cursor = 'default';
						},
						error:function(){
							$("#dialogExcluirMsn").html("Erro de conexão!!!");
							document.documentElement.style.cursor = 'default';
						}
					});
				},
				Não:function(){
					$(this).dialog("close");
				}
			},
			close : function() {
				$("#dialogExcluirMsn").html("");
				$("#dialogExcluirIdOs").val("");
			}
		});
		
		$("#dialogConfirmEnviarImprimir").dialog({
			autoOpen : false,
			height : 'auto',
			width : 250,
			modal : true,
			resizable : false,
			buttons:{
				"Sim":function(){
					var id = $("#dialogEnviarImprimirIdOs").val();
					$.ajax({
						url:"enviarImprimirServlet",
						data:{id : id},
						beforeSend : function() {
							$("#dialogEnviarImprimirMsn").html("Enviando...");
						},
						success:function(html){
							$("#fieldAprovacao").load("ajax/atualizaTabelaAprovacao.jsp");
							$("#fieldImprimir").load("ajax/atualizaTabelaImprimir.jsp");
							$("#dialogEnviarImprimirMsn").html("Enviado com sucesso.");
							$("#dialogConfirmEnviarImprimir").dialog("close");
						},
						error:function(){
							$("#dialogEnviarImprimirMsn").html("Erro de conexão!!!");
						}
					});
					
				},
				Não:function(){
					$(this).dialog("close");
				}
			},
			close : function() {
				$("#dialogEnviarImprimirMsn").html("Realmente deseja enviar pra Impressão?");
				$("#dialogEnviarImprimirIdOs").val("");
			}
		});		
		
		$("#dialogConfirmVoltarDesigner").dialog({
			autoOpen : false,
			heigth : 'auto',
			width : 'auto',
			stack: false,
			modal : true,
			resizable : false,
			buttons:{
				"Sim":function(){
						$.ajax({
							url:"voltarOsServlet",
							data:{id : $("#dialogVoltarDesignerIdOs").val()},
							beforeSend : function() {
								document.documentElement.style.cursor = 'progress';
								$("#dialogCarregando").dialog("open");
							},
							success:function(html){
								$("#fieldAprovacao").load("ajax/atualizaTabelaAprovacao.jsp");
								$('#fildDesigners').load('ajax/atualizaFieldsetDesigner.jsp');
								$("#dialogConfirmVoltarDesigner").dialog("close");
								$("#dialogCarregando").dialog("close");
								document.documentElement.style.cursor = 'default';
							},
							error:function(){
								document.documentElement.style.cursor = 'default';
								$("#dialogCarregando").dialog("close");
							}
						});
				},
				Não:function(){
					$(this).dialog("close");
				}
			},
			close : function() {
				$("#dialogVoltarDesignerIdOs").val("");
				$("#dialogVoltarDesignerCliente").html("");
			}
		});
		
		
		$("#designers a").click(function(){
			var idOS = $(this).parent().parent().attr("id");
			$.ajax({
				url:"descricaoOsServlet",
				data:{id : idOS},
				beforeSend : function() {
					document.documentElement.style.cursor = 'progress';
					$("#dialogCarregando").dialog("open");
				},
				success:function(html){
					$("#dialogDescricaoOs").html(html);
					$("#dialogDescricaoOs").dialog("open");
					document.documentElement.style.cursor = 'default';
					$("#dialogCarregando").dialog("close");
				},
				error:function(){
					document.documentElement.style.cursor = 'default';
					$("#dialogCarregando").dialog("close");
				}
			});
		});		
		
	});
	function abreDescricao(id){
		$.ajax({
			url:"descricaoOsServlet",
			data:{id : id},
			dataType: "xml",
			beforeSend : function() {
				document.documentElement.style.cursor = 'progress';
				$("#dialogCarregando").dialog("open");
			},
			success:function(xml){
				$(xml).find('os').each(function () {
					$("#divDescricaoOs").html($(this).find('descricao').text());
					$("#textDescricaoOs").val($(this).find('descricao').text() + "\n\n"
							+ $(this).find('comentario').text());
				});
				$("#idComentarioOs").val(id);
				$("#dialogDescricaoOs").dialog("open");
				document.documentElement.style.cursor = 'default';
				$("#dialogCarregando").dialog("close");
				$("#textDescricaoOs").scrollTop(999999);
			},
			error:function(){
				document.documentElement.style.cursor = 'default';
				$("#dialogCarregando").dialog("close");
			}
		});
		return false;
	};
	function voltarOs(id){
		
		$.ajax({
			url:"detalheOsServlet",
			dataType: "xml",
			data:{id:id},
			beforeSend:function(){
				document.documentElement.style.cursor = 'progress';
				$("#dialogCarregando").dialog("open");
			},
			success:function(xml){
				$(xml).find('os').each(function () {
					$("#dialogVoltarDesignerIdOs").val($(this).find('idos').text());
					$("#dialogVoltarDesignerCliente").html("OS: "+$(this).find('idos').text() + "   " + $(this).find('cliente').text());
					document.documentElement.style.cursor = 'default';
					$("#dialogCarregando").dialog("close");
					$("#dialogConfirmVoltarDesigner").dialog("open");
				});
			},
			error:function(){
				document.documentElement.style.cursor = 'default';
				$("#dialogCarregando").dialog("close");
			}
		});
		
	}; 
	function enviarImprimir(id){
		$("#dialogEnviarImprimirIdOs").val(id);
		$("#dialogConfirmEnviarImprimir").dialog("open");
		
	};
	function enviarProducao(id){
		$.ajax({
			url:"enviarProducaoServlet",
			data:{id : id},
			beforeSend : function() {
				document.documentElement.style.cursor = 'progress';
			},
			success:function(html){
				$("#fieldImprimir").load("ajax/atualizaTabelaImprimir.jsp");
				$("#fieldProducao").load("ajax/atualizaTabelaProducao.jsp");
				document.documentElement.style.cursor = 'default';
			}
		});
	};
	function enviarEntrega(id){
		$.ajax({
			url:"enviarEntregaServlet",
			data:{id : id},
			beforeSend : function() {
				document.documentElement.style.cursor = 'progress';
			},
			success:function(html){
				$("#fieldProducao").load("ajax/atualizaTabelaProducao.jsp");
				$("#fieldEntregar").load("ajax/atualizaTabelaEntrega.jsp");
				document.documentElement.style.cursor = 'default';
			}
		});
	};
	function osFinalizar(id){
		$.ajax({
			url:"finalizarOsServlet",
			data:{id : id},
			beforeSend : function() {
				document.documentElement.style.cursor = 'progress';
			},
			success:function(html){
				$("#fieldEntregar").load("ajax/atualizaTabelaEntrega.jsp");
				$("#tabelaNovaOS").load("ajax/atualizaTabelaOs.jsp");
				document.documentElement.style.cursor = 'default';
			}
		});
	};
	
	function editar(id){
		$.ajax({
			url : "alterarOS.jsp",
			data:{id: id},
			beforeSend : function() {
				document.documentElement.style.cursor = 'progress';
				$("#dialogCarregando").dialog("open");
			},
			success : function(html) {
				$("#dialogEditarOS").html(html);
				$("#dialogEditarOS").dialog("open");
				document.documentElement.style.cursor = 'default';
				$("#dialogCarregando").dialog("close");
			},
			error: function(){
				$("#dialogCarregando").dialog("close");
				document.documentElement.style.cursor = 'default';
			}
			
		});
	};
	
	function excluir(id){
		$("#dialogExcluirMsn").html("Realmente deseja excluir a OS "+id);
		$("#dialogConfirmExcluir").dialog("open");
		$("#dialogExcluirIdOs").val(id);
	}
	function imprimirOS(id){
		$.ajax({
			url : "relatorio",
			data : {id:id, tipoRelatorio:"imprimirOS"},
			beforeSend : function() {
				document.documentElement.style.cursor = 'progress';
			},
			success : function(html) {
				document.documentElement.style.cursor = 'default';
				window.open("relatorios/relatorio.pdf");
			},
			error:function(){
				document.documentElement.style.cursor = 'default';
			}
		});
	}
  
</script>
</head>
<body>
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td style="vertical-align: top;" width="50%">
				<fieldset class="ui-corner-left" style="margin-top: 10px; margin-right: -3px;">
					<legend class="ui-corner-all" style="font-size: 14px;">Gerenciador de Ordem de Serviço</legend>
					
					<fieldset id="fieldNovaOS" class="ui-corner-top" style="padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;">
						<legend class="ui-corner-all" style="margin-left: 10px;">OS's Ativos</legend>
						
						<div id="botoes" style="padding-left: 10px;">
				
							<button id="btnNovaOS">Nova OS</button>
							<button id="btnCadastrarCliente">Cadastrar Cliente</button>
				
						</div>
						<p/>
						<div id="tabelaNovaOS">Carregando dados...</div>
						
					</fieldset>
				
					<fieldset id="fieldAprovacao" class="ui-corner-top" style="padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;">Carregando dados...</fieldset>
								
					<fieldset id="fieldImprimir" class="ui-corner-top" style="padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin-bottom: -5px;">Carregando dados...</fieldset>

					<fieldset id="fieldProducao" class="ui-corner-top" style="padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin-top: 19px; margin-bottom: -11px;">Carregando dados...</fieldset> 
						
				</fieldset>
				
			</td>
			<td style="vertical-align: top;">
			
				<fieldset id="fildDesigners" class="ui-corner-right" style="margin-top: 10px;">Carregando dados...</fieldset>
				<p>
				<fieldset id="fieldEntregar" class="ui-corner-right" style="padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px;">Carregando dados...</fieldset>								
											
			</td>
		</tr>
	</table>

	<!-- dialogs -->

	<div id="dialogCadastrarOS" title="Cadastrar Ordem de Serviço"></div>
	<div id="dialogEditarOS" title="Editar Ordem de Serviço"></div>
	<div id="dialogCadastrarCliente" title="Cadastrar Novo Cliente"></div>
	
	<div id="dialogDescricaoOs" title="Descrição e Comentário" style="background-color: #ffffff;">
		<div id="divDescricaoOs" style="display: none;"></div>
		<textarea id="textDescricaoOs" rows="20" cols="100" class="descricao" disabled="disabled"></textarea>
		<div align="center" style="margin: 5px -10px -10px -10px; background-color: #F2F2F2; border-top: 1px solid #CDCECF;"> 
			<textarea id="textComentarioOs" rows="2" placeholder="Escrever um comentario..."
				class="comentario"></textarea>	
			<div style="width: 96%; background-color: #F2F2F2; padding-bottom: 18px;" align="right">
				<img id="loadComentarioOS" src="imagens/load.gif" style="margin: 5px 5px -10px 0; display: none;"> &nbsp;
				<button id="btnComentarioOs" style="float: right;">Comentar</button>
			</div>
			<input type="hidden" id="idComentarioOs" value="">
		</div>
		<input type="hidden" id="idOs" value="">
	</div>
	
	<div id="dialogConfirmaTrocaOs" title="Mudar OS de Designer">
		<p id="msnConfirmaTrocaOs"></p>
		<textarea rows="10" cols="60" id="textConfirmaTrocaOs"></textarea>
		<input type="hidden" id="idDesignerConfirmaTrocaOs" value="">
		<input type="hidden" id="idConfirmaTrocaOs" value="">
	</div>
	<div id="dialogDadosCliente" title="Dados do Cliente"></div>
	<div id="dialogConfirmExcluir" title="Confirmação">
		<p id="dialogExcluirMsn"></p>
		<input type="hidden" id="dialogExcluirIdOs" value="">
	</div>
	<div id="dialogConfirmEnviarImprimir" title="Confirmação">
		<p id="dialogEnviarImprimirMsn">Realmente deseja enviar pra Impressão?</p>
		<input type="hidden" id="dialogEnviarImprimirIdOs" value="">
	</div>
	<div id="dialogConfirmVoltarDesigner" title="Confirmação">
		<p><font id="dialogVoltarDesignerCliente"></font></p>
		<p id="dialogVoltarDesignerMsn">Realmente deseja voltar esta OS?</p>
		<input type="hidden" id="dialogVoltarDesignerIdOs" value="">
	</div>
</body>
</html>
<%}else{%>
Você não tem permissão pra acessar a osGeral!!!
<%}%>